<!--
 * @Author: '浪川' '1214391613@qq.com'
 * @Date: 2025-06-18 16:37:49
 * @LastEditors: '浪川' '1214391613@qq.com'
 * @LastEditTime: 2025-07-21 16:48:18
 * @FilePath: \passiflora-edulis-sims\src\layouts\CreateBookLayout.vue
 * @Description: AI创建Puzzle拼图书的布局
 *
 * Copyright (c) 2025 by '1214391613@qq.com', All Rights Reserved.
-->
<script lang="ts" setup>
import { ref } from 'vue'
import DrawBookStepPage from 'src/pages/CreateBook/DrawBookStepPage.vue'
const leftDrawerOpen = ref(false)

const toggleLeftDrawer = () => {
  leftDrawerOpen.value = !leftDrawerOpen.value
}
</script>
<template>
  <q-layout view="hHh lpR fFf">
    <q-header elevated class="bg-primary text-white" height-hint="98">
      <q-toolbar>
        <q-btn dense flat round icon="menu" @click="toggleLeftDrawer" />
        <q-toolbar-title>
          <q-avatar>
            <img src="https://cdn.quasar.dev/logo-v2/svg/logo-mono-white.svg" />
          </q-avatar>
          Your Ai may be a pig!
        </q-toolbar-title>
      </q-toolbar>
    </q-header>
    <q-drawer
      show-if-above
      v-model="leftDrawerOpen"
      side="left"
      bordered
      :width="700"
    >
      <DrawBookStepPage />
    </q-drawer>
    <q-page-container>
      <router-view />
    </q-page-container>
  </q-layout>
</template>
